import React, { Component } from "react";
import { View, Dimensions } from "react-native";

import ProgressChart from "components/Chart/progress";

class Demo9 extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    const data = [0.85];
    const { width } = Dimensions.get("window");
    return (
      <View
        style={{
          width: "100%",
          justifyContent: "center",
          alignContent: "center",
          alignItems: "center",
          // padding: 50,
        }}
      >
        <ProgressChart
          data={data}
          width={width - 100}
          height={220}
          chartConfig={{
            backgroundColor: "#fff",
            backgroundGradientFrom: "#fff",
            backgroundGradientTo: "#fff",
            decimalPlaces: 2, // optional, defaults to 2dp
            color: (opacity = 1) => `rgba(90, 40, 200,${opacity})`,
            style: {
              borderRadius: 16,
            },
          }}
        />
      </View>
    );
  }
}

export default Demo9;
